iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 4
0
自我挑戰組

從頭開始的API 和ajax系列 第 4

Day4 --如何運用JSON 資料

  • 分享至 

  • xImage
  •  

JavaScript 的JSON物件 可將JSON 資料轉換為Javascript 物件;也可以將JavaScript 物件轉換為資料

{
 "Carts":[


    {
      "productID": 34,
      "productName": "SuperWidget",
      "quantity": 1
    },
    {
      "productID": 56,
      "productName": "WonderWidget",
      "quantity": 3
    }
  ,
     {
      "productID": 44,
      "productName": "WonderWidget",
      "quantity": 4
    }

        ]
}

上面的物件代表一系列共三個活動,儲存名為Carts的陣列中。此陣列使用方括號標示法儲存3個物件 (每個物件 等於一個活動)

JSON.stringify() JSON.parse()
可將Javascript物件轉換為JSON格式字串,便可將Javascript物件自瀏覽器傳遞至其他應用程式 處理 包含JSON 格式字串,將JSON 資料轉換為javascript物件,讓瀏覽器操作運用

介紹 chrome套件 JSONView

JSONView 可以讓原本難閱讀的格式 直接格式化和轉碼
以下為例子
before

after


上一篇
Day3--中途插入了JSON和物件 是不是搞錯了甚麼?
下一篇
Day5--繼續岔題>> 物件和JSON 實體差別
系列文
從頭開始的API 和ajax9
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言